<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .fixed {
            width: 300px;
            height: 200px;
            background:pink;
            /* 定位：固定定位 */
            position: fixed;
            right: 100px;
            top: 150px;
        }
        p {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <div class="fixed">固定</div>
    <p>定书签的标记。	3
        bookmark-level	规定书签的级别。	3
        bookmark-target	规定书签链接的目标。	3
        float-offset	将元素放在 float 属性通常放置的位置的相反方向。	3
        hyphenate-after	规定连字单词中连字符之后的最小字符数。	3
        hyphenate-before	规定连字单词中连字符之前的最小字符数。	3
        hyphenate-character	规定当发生断字时显示的字符串。	3
        hyphenate-lines	指示元素中连续断字连线的最大数。	3
        hyphenate-resource	规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。	3
        hyphens	设置如何对单词进行拆分，以改善段落的布局。	3
        image-resolution	规定图像的正确分辨率。	3
        marks	向文档添加裁切标记或十
    </p>
    <p>定书签的标记。	3
        bookmark-level	规定书签的级别。	3
        bookmark-target	规定书签链接的目标。	3
        float-offset	将元素放在 float 属性通常放置的位置的相反方向。	3
        hyphenate-after	规定连字单词中连字符之后的最小字符数。	3
        hyphenate-before	规定连字单词中连字符之前的最小字符数。	3
        hyphenate-character	规定当发生断字时显示的字符串。	3
        hyphenate-lines	指示元素中连续断字连线的最大数。	3
        hyphenate-resource	规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。	3
        hyphens	设置如何对单词进行拆分，以改善段落的布局。	3
        image-resolution	规定图像的正确分辨率。	3
        marks	向文档添加裁切标记或十
    </p>
</body>
</html>